<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 运算符，三元表达式，循环和鸿蒙中一模一样

      // 遍历对象可以使用 forin
      const cat = {
        name: '狸花猫',
        food: '什么都吃',
        color: '花色',
        friend: ['花姐', '柯基'],
      }

      // forin 可以用来遍历对象，获取属性名，进而获取属性值
      // key 属性名
      // in 固定
      // object 对象
      for (const key in cat) {
        // 可以通过 key 获取属性名
        console.log('key:', key)
        // 获取属性值
        // .key 访问一个叫做 key 的属性
        // console.log(cat.key)
        // 通过中括号来取值,key会解析为标量的值
        console.log(cat[key])
      }
    </script>
  </body>
</html>